<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax回调地狱</title>
</head>
<body>
    <!-- 
        浏览器的执行顺序是先执行主线程的任务，再执行任务列表里面的任务，所以下面的例子中，无论如何都是先输出主线程的 '完成了主线程加载'
            之后再执行的是ajax操作的任务
    -->
</body>
<script src="./js/myajax.js"></script>
<script>
    /*
        异步处理最能够体现到的地方就是在加载一些东西的时候  
            例如我们的AJAX操作
    */
//    这样写的顺序并不一定是浏览器最后输出的顺序，浏览器会根据哪个更快加载成功输出就先输出哪个
    // myajax('GET','./js/a.js',(res)=>{
    //     console.log(res)
    // })
    // myajax('GET','./js/b.js',(res)=>{
    //     console.log(res)
    // })
    //所以我们要使用回调地狱的方式 才能够正常的按照我们想要的顺序输出

    // 这样写就一定是按照我们的顺序来输出了

    myajax('GET','./js/a.js',(res)=>{
        console.log(res)
        myajax('GET','./js/b.js',(res)=>{
            console.log(res)
        })
    })
    console.log('完成主线程的加载')
</script>
</html>